docs: refresh README and visual media kit

[paladini]

Summary

• redesign the README header with a focused hero, useful badges, navigation, and a clearer opening narrative
• add dedicated SVG artwork for the README, social previews, product explanations, and promotional campaigns
• document dimensions and recommended usage in a reusable media kit
• add automated checks for local image references, intended SVG dimensions, and accessible metadata
• update the changelog

Why

The previous README header duplicated the project name, used too much empty space, and relied on artwork containing volatile project statistics. The result did not communicate the product clearly or present mcp-me like a mature open-source repository.

Impact

The repository now explains the product within the first viewport and provides maintainers and contributors with consistent, repository-owned promotional assets. The existing Open Graph image is also refreshed without changing runtime behavior.

Validation

• npm run lint
• npm run typecheck
• npm test - 2,224 tests passed
• npm run build
• rendered and visually inspected all four SVGs at their native dimensions
• verified the new website and badge URLs return HTTP 200