[feature]: update devrel website theme to match main website

### 👀 Is there an existing feature request for this?

- [x] I have searched the existing issues

### 🔖 Enhancement description

1. Analyze the existing main website UI/UX and document key design elements (colors, fonts, buttons, layouts).
2. Update the DevRel website’s styles (CSS, Tailwind, or relevant framework) to reflect the main website’s theme.
3. Ensure dark mode & responsiveness are maintained.
4. Replace outdated UI components with consistent buttons, cards, navigation menus, and headers.
5. Review and test the updated design across desktop and mobile.

### 🎤 Why should this be worked on?

The [DevRel](https://github.com/keploy/devrel-program) website needs a theme update to ensure consistency with the main website. This includes updating the color scheme, typography, UI components, and overall styling to align with the primary branding. The goal is to create a seamless user experience between both platforms.

### 💻 Repository

website

Start in the website repository by analyzing the main website’s UI/UX and documenting its colors, fonts, buttons, layouts, and navigation. Update the DevRel website styling and components to match that theme, while preserving dark mode and responsiveness. Review the result on desktop and mobile; done means the two sites have a consistent visual experience.

Written by the indexing model from the issue text.