Drop the filled invert hover on Create rule and use the updated header portraits.

Ghost matches the current marketing header, so the button no longer picks up a brand ring on hover.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/components/Top.test.tsx

@@ -107,18 +107,17 @@ describe('Top "Create rule" button', () => {
     expect(nav.className).not.toContain("min-h-[var(--spacing-scale-040)]");
   });
 
-  it("uses filled invert for Create rule", () => {
+  it("uses ghost for Create rule", () => {
     for (const folderTop of [false, true]) {
       const { unmount } = renderWithProviders(<Top folderTop={folderTop} />);
       const button = screen.getByRole("button", {
         name: /create a new rule/i,
       });
+      expect(button.className).toContain("bg-transparent");
       expect(button.className).toContain(
-        "bg-[var(--color-surface-default-primary)]",
-      );
-      expect(button.className).toContain(
-        "text-[var(--color-content-default-primary)]",
+        "text-[var(--color-content-default-brand-primary)]",
       );
+      expect(button.className).toContain("hover:border-transparent");
       unmount();
     }
   });